<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>慢慢买</title>
</head>
<link rel="stylesheet" href="../css/gsproduct.css">
    <link rel="stylesheet" href="../css/reset.css">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <script src="../js/flexible.js"></script>
<body>
    <header id="header">
        <div class="h-l"><a href="index.html">&lt;</a></div>
        <div class="h-left">凑单品</div>
        <div class="h-rig">
            <a href="#">
               <img src="./images/header_app.png" alt="">
            </a>
        </div>
    </header>

    <div class="cityNav">
        <div class="cityInfo">
            <div class="shop">
                <span id="active" class="s-shop">京东</span>
                <span class="s-shop">一号店</span>
                <span class="s-shop">天猫超市</span>
                <p class="s-shop">▼</p>
            </div>
            <div class="place">
                <span id="spanactive" class="spanbox">华北</span>
                <span class="spanbox">华东</span>
                <span class="spanbox">华中</span>
                <span class="spanbox">东北</span>
                <span class="spanbox">西北</span>
                <p class="spanbox">▼</p>
            </div>
            <div class="price">免费区</div>
            <i>
                <div></div>
                <div></div>
                <div></div>
            </i>
        </div>
    </div>
    <div class="from">
        <ul class="infoB">
            <!-- <li data-shopid = '0'>京东</li>
            <li data-shopid = '1'>一号店</li>
            <li data-shopid = '2'>天猫超市</li> -->
        </ul>

        <ul class="show">
            <!-- <li data-areaid="0">华北（北京、山西等）</li>
            <li data-areaid="1">华东（山东、浙江等）</li>
            <li data-areaid="2">华南（广东、广西等）</li>
            <li data-areaid="3">华中（湖北、河南等）</li>
            <li data-areaid="5">东北（辽宁、吉林等）</li>
            <li data-areaid="6">西北（宁夏、新疆等）</li> -->
        </ul>
    </div>

    <section id="product">
        <ul class="info">
            <li>
                <a href="">
                    <div class="img"><img src="" alt=""></div>
                    <div class="title">
                        廿一客(21cake)专用餐具 1人份(不单独配送)
                    </div>
                    <p class="price">￥0.50</p>
                </a>
            </li>
        </ul>
    </section>

    <!--底部-->
    <section id="footer">
        <div class="f-up">
            <a href="#">登录</a>
            <a href="#">注册</a>
            <a href="#">返回顶部</a>
        </div>
        <div class="f-buttom">
            <a href="#">手机APP下载</a>
            <a href="#">慢慢买手机版</a>
            <a href="#">--掌上比价平台</a>
            <p>m.manmanbuy.com</p>
        </div>
    </section>
    <script src="../js/ajax.js"></script>
    <script src="../js/../js/gsproduct.js"></script>
</body>
</html>